<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>省广股份-文章2</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script type="text/javascript" src="js/common.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_608695_shu8puej3i85b3xr.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_608695_5foaafqr4u8oajor.css" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_610400_b49gysnf1935wmi.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/common/headfoot.css">
    <link rel="stylesheet" href="css/articeTwo.css">
</head>

<body>
    <div class="indexM">

        <!--头部-->
        <header>

            <label for="login">
                <i class="iconfont icon-htmal5icon35 fl"></i>
            </label>
            <label for="search">
                <i class="  iconfont icon-fangdajing fr"></i>
            </label>
            <div class="logo">
                <img src="img/index/logo.png" />
            </div>

        </header>


        <!--身体-->
        <div class="main">
            <!-- 海天酱油广告 -->
            <div class="HTadvertising">
                <div class="HTjieshao">
                    <h2>海天“晒“宴，和汪涵一起，参观海天酱油阳光工厂</h2>
                    <div class="FR">
                        <p>
                            <span>
                                <i class="iconfont icon-xin"></i>20</span>
                            <span>
                                <i class="iconfont icon-yj"></i>560</span>
                        </p>
                    </div>
                    <div class="FR2">
                        <p class="time">2015-1-20
                            <span>[数字营销]</span>
                        </p>
                    </div>
                    <p>摘要：“海天阳光之旅”，携手汪涵启程啦！ 幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>
                    <h5>互联网呈现移动化、社交化、视频化等形式，未来互联网营销是新趋向。</h5>
                    <p>与此同时，随着互联网的移动化快速发展与社会化趋势，网民需求正在逐渐多样化。在这一前提下，无论是互联网巨头还是各种创新型互联网企业，单凭自身的资源与创新能力已经无法满足依赖移动互联网平台，表达形式日渐多样化的网民日益多元化的需求。有鉴于此，海天在2014年开始大力发展互联网营销事业，试图在互联网抢夺更多的用户。</p>
                    <h5>剑指对手，紧追猛打—海天酱油抢回“晒”语权</h5>
                    <p>直接剑指对手，打出新口号，紧追猛打。针对对手的产品口号，2014年海天酱油新定位—晒出来的好酱油，不仅晒足180天哦！在对手已经教育消费者，好酱油是晒出来的层面上，继续强势教育消费者，其实好酱油不止晒足180天，进一步加深消费者的印象，强势植入品牌概念。希望在新的领域抢夺更多的用户，挖掘更多的潜在受众。</p>
                    <div class="img">
                        <img src="img/articleTwo/大图1.jpg" alt="">
                    </div>
                    <h5>全网覆盖，最大声量--海天在新阵地上刷新年轻新形象</h5>
                    <p>互联网一直是年轻人的聚集地，想要扩大活动声量 结合人群属性和触媒习惯，选择在互联网作为主阵地，最大力度地扩散活动的影响力，聚焦主流平台及优势资源，引爆海天在互 联网上的传播力，为品牌活动引流。</p>
                    <p>四大门户媒体：品牌及活动主力支撑平台，为品牌做公关护航。</p>
                    <p>四大视频媒体：品牌TVC补充曝光，为活动引流助力社会化媒体自发扩散，通过大量转发，促进二次传播。</p>
                    <div class="img">
                        <img src="img/articleTwo/大图2.jpg" alt="">
                    </div>
                    <h5 class="h5-nob">策略方向</h5>
                    <p>点面结合，互动为王</p>
                    <h5 class="h5-nob">点</h5>
                    <p>紧贴明星汪涵话题点，借助汪涵的明星效应，紧跟工厂游社会热点，通过参观工厂，探秘工厂内部制作酱油的全过程紧抓网友利益点：设置互动活动奖励机制，刺激网友参加</p>
                    <h5 class="h5-nob">面</h5>
                    <p>媒介公关全面造势：全方位扩散“海天阳光之旅”的活动精准视频渗透：重点推广品牌TVC，继续借助明星效应社会化口碑广泛积累：通过口口相传的口碑营销，为活动积累人气</p>
                    <div class="img">
                        <img src="img/articleTwo/文章大图3_03.jpg" alt="">
                    </div>
                </div>
                <!-- 活动页 -->
                <div class="HThuodongye">
                    <h5>活动简介：</h5>
                    <p class="textHui-bottom">“海天阳光之旅”，携手汪涵启程啦！</p>
                    <p>幸运的你，将与汪涵近距离互动，一起参观海天酱油阳光工厂，探秘超大规模调味王国！三天两夜免费体验岭南风情，夜游珠江登高小蛮腰，畅游长隆品粤式美食！还等什么？赶快参与互动，报名参加“海天阳光之旅”吧！</p>
                    <h5>活动时间：</h5>
                    <p class="textHui-bottom">2014年9月15日—2014年10月30日</p>
                    <p>多版活动素材，增强活动新鲜感，提升网民参与热度！</p>
                    <p>分为不同的时期，分别推出不同的网站页面，通过分阶段的视觉冲击，增加活动的趣味性，吸引更多的网友持续关注活动，为活动打造更强的互动体验。</p>
                    <div class="img">
                        <img src="img/articleTwo/文章大图4.jpg" alt="">
                    </div>
                    <p>趣味化广告 + 晒酱油视频 + 利益性抽奖,引爆全网最大化传播！</p>
                    <p>借助汪涵的名人效应，不断地播放品牌TVC，强势教育消费者</p>
                    <p>设置不同的奖项，刺激消费者带动更多的人参与活动，引发全网最大化传播</p>
                    <div class="img">
                        <img src="img/articleTwo/文章大图5.jpg" alt="">
                    </div>
                    <p>截止10月13日，参与活动人数已达157万，海天引发全网互动狂潮！撬动网民内心支点奖品派不停！参与人数持续升高！</p>
                    <p class="textHui-bottom">20元红包1000份，共计2万元</p>
                    <p class="textHui-bottom">50元红包500份，共计2万5千元</p>
                    <p class="textHui-bottom">合计已派发红包1500份！</p>
                    <div class="img">
                        <img src="img/articleTwo/文章大图6.jpg" alt="">
                    </div>
                    <p>总的来说，“阳光海天之旅”，集中资源，全网传播，互动效果明显，社会化传播上好评如潮对比厨邦酱油、李锦记，海天酱油在百度指数上遥遥领先，成功建立竞争壁垒！</p>
                    <div class="img">
                        <img src="img/articleTwo/文章大图7_03.jpg" alt="">
                    </div>
                </div>
            </div>
            <!-- 灰条 -->
            <div class="huitiao"></div>
            <div class="last">
                <a href="">
                    <span>上一篇：</span>Flyme的新Logo也一同亮相</a>
            </div>
            <!-- 灰条 -->
            <div class="huitiao"></div>
            <!-- 点赞 收藏 -->
            <div class="loginGN">
                <ul class="GN">
                    <li>
                        <div class="box">
                            <i class="iconfont icon-xin"></i>
                        </div>
                        <p>点赞</p>
                    </li>
                    <li>
                        <div class="box">
                            <i class="iconfont icon-shiwujiaoxing"></i>
                        </div>
                        <p>收藏</p>
                    </li>
                    <li>
                        <div class="box">
                            <i class="iconfont icon-fenxiang"></i>
                        </div>
                        <p>点赞</p>
                    </li>
                </ul>
            </div>
            <!-- 登录框 -->
            <div class="loginbox">
                <p>
                    <a href="">登录</a> 后参与评论</p>
            </div>
            <!-- 登录按钮 -->
            <a href="" class="button">发表评论</a>
            <!-- 评论区 -->
            <div class="comments">
                <p>已有
                    <span>3</span> 人评论</p>
                <ul class="big-ul">
                    <li class="big-li">
                        <div class="imgBox">
                            <div class="imgT">
                                <img src="img/articleTwo/小头像1.jpg" alt="">
                            </div>
                            <p class="name">YanXinHeng
                                <span>&nbsp;1天前</span>
                            </p>
                        </div>
                        <p>在这个互相仇恨的年代，抓的点不错
                            <span>2015-11-8 11:04</span>
                        </p>
                        <p>
                            <label for="huifu">(2) 回复
                                <span>&gt;</span>
                            </label>
                        </p>
                        <input type="checkbox" id="huifu">
                        <ul class="small-ul huifu">
                            <li class="small-li">
                                <div class="smallBox">
                                    <div class="imgS">
                                        <img src="img/articleTwo/小头像1.jpg" alt="">
                                    </div>
                                    <p>Mimo：
                                        <span>在这个互相仇恨的年代，抓的点不错</span>
                                    </p>
                                </div>
                                <p>2015-11-9 10:02</p>
                            </li>
                            <li class="small-li">
                                <div class="smallBox">
                                    <div class="imgS">
                                        <img src="img/articleTwo/小头像2_03.jpg" alt="">
                                    </div>
                                    <p>Clonaerdo：
                                        <span>越来越多的快餐品牌更注重人们吃东西时候
                                            <br> 玩手机的行为洞察
                                        </span>
                                    </p>
                                </div>
                                <p>2015-11-9 10:02</p>
                            </li>
                            <li class="small-li">
                                <textarea name="">有一天</textarea>
                                <a href="">发表</a>
                            </li>
                        </ul>
                    </li>
                    <li class="big-li">
                        <div class="imgBox">
                            <div class="imgT">
                                <img src="img/articleTwo/小头像1.jpg" alt="">
                            </div>
                            <p class="name">YanXinHeng
                                <span>&nbsp;1天前</span>
                            </p>
                        </div>
                        <p>在这个互相仇恨的年代，抓的点不错
                            <span>2015-11-8 11:04</span>
                        </p>
                        <p>(2) 回复
                            <span>&gt;</span>
                        </p>
                    </li>

                </ul>
            </div>
            <!-- 加载更多 -->
            <div class="addmore">
                <a href="">加载更多</a>
            </div>
        </div>
        <!--底部-->
        <div class="footer">
            <ul>
                <li>
                    <a href="index.html">
                        <i class="iconfont icon-shouye"></i>
                    </a>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="">
                        <i class="iconfont icon-qiyeguanli"></i>
                    </a>
                    <a href="">GIMC</a>
                </li>
                <li>
                    <a href="article.html">
                        <i class="iconfont icon-qianbipencil82"></i>
                    </a>
                    <a href="article.html">文章</a>
                </li>
                <li>
                    <a href="resources.html" class="active">
                        <i class="iconfont icon-atom"></i>
                    </a>
                    <a href="resources.html" class="active">资源</a>
                </li>
                <li>
                    <a href="course.html">
                        <i class="iconfont icon-xueyuan"></i>
                    </a>
                    <a href="course.html">学院</a>
                </li>
            </ul>
        </div>
    </div>





    <!-- ----------------------------------------------------------------- -->
    <!--左登录弹出页-->
    <input type="checkbox" id="login" />
    <div class="login loginT">
        <div class="loginTop">
            <label for="login">
                <span>×</span>
            </label>
            <div class="sousuotext">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" name "_sousuo" placeholder="Search">
            </div>
        </div>
        <div class="loginMain">
            <div class="img">
                <img src="img/index/login/没头像.png" alt="">
            </div>
            <a href="#">
                <label for="loginForm">立即登录</label>
            </a>
            <a href="">忘记密码</a>
            <!-- GIMC文章 -->
            <!-- 子菜单弹出 -->
            <div class="Graybar"></div>
            <ul class="article">
                <li class="libig">

                    <input type="checkbox" id="lism2">
                    <p>
                        <span class="title">GIMC</span>
                        <label for="lism2">
                            <span class="but">&gt;</span>
                        </label>
                    </p>
                    <ul class="lism">
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </li>

                <li class="libig">
                    <p>
                        <span class="title">文章</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">资源</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">课程</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
            </ul>
        </div>

    </div>
    <!-- 登录表单页面 -->
    <input type="checkbox" id="loginForm">
    <div class="loginForm">
        <div class="logo">
            <img src="img/index/login/矢量智能对象4.png" alt="">
        </div>
        <div class="account">
            <i class="iconfont icon-yonghu"></i>
            <input type="text" placeholder="请输入已验证的手机号或邮箱">
        </div>
        <div class="password">
            <i class="iconfont icon-denglushimima"></i>
            <input type="text" name="" placeholder="请输入密码">
        </div>
        <p>
            <span>
                <i class="iconfont icon-wenhao"></i>忘记密码</span>
        </p>
        <div class="button">
            <label for="logined">
                <span>
                    登录
                </span>
            </label>
            <span>注册</span>
        </div>
    </div>

    <!-- 登录成功界面 -->
    <input type="checkbox" id="logined" class="loginEd">
    <div class="logined loginT">
        <div class="loginTop ">
            <label for="">
                <a href="index.html">
                    <span>×</span>
                </a>
            </label>
            <div class="sousuotext">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" name "_sousuo" placeholder="Search">
            </div>
        </div>
        <div class="informationMain">
            <div class="informationBox">
                <div class="imgId">
                    <img src="img/index/login/有头像.png" alt="头像">
                </div>
                <p class="nameInfor">
                    <span>陈小敏</span>
                    <a href="">个人中心 &gt;</a>
                </p>
                <p class="icon">
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                    <i class="iconfont icon-jingdiananli_wujiaoxing_shoucanghou"></i>
                </p>
                <p>
                    <span>关注
                        <span class="number">36</span>
                        粉丝
                        <span class="number">290</span>
                    </span>
                </p>
                <button>我的收藏</button>
                <button>我的发布</button>
            </div>
            <!-- GIMC文章 -->
            <!-- 灰色条 -->
            <div class="Graybar"></div>
            <ul class="article">
                <li class="libig">
                    <input type="checkbox" id="lism">
                    <p>
                        <span class="title">GIMC</span>
                        <label for="lism">
                            <span class="but">&gt;</span>
                        </label>
                    </p>
                    <ul class="lism">
                        <li>省广介绍</li>
                        <li>新闻资讯</li>
                    </ul>
                </li>

                <li class="libig">
                    <p>
                        <span class="title">文章</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">资源</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
                <li class="libig">
                    <p>
                        <span class="title">课程</span>
                        <span class="but">&gt;</span>
                    </p>
                </li>
            </ul>
        </div>

    </div>
    <!-- 右搜索页面 -->
    <input type="checkbox" id="search">
    <div class="search">
        <div class="searchTop">
            <div class="searchT-L">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" name="" id="" placeholder="Search">

            </div>
            <label for="search">
                <span class="cancel-R">取消</span>
            </label>
        </div>
        <div class="searchMain">
            <h2>热搜</h2>

            <p>
                <span>项目管理</span>
                <span>移动互联网</span>
                <span>O2O联转换</span>
            </p>
            <p>
                <span>O2O</span>
                <span>媒介平台</span>
                <span>细分平台业务</span>
            </p>
            <p>
                <span>项目管理</span>
                <span>移动互联网</span>
                <span>O2O联转换</span>
            </p>

        </div>

    </div>

    <!--轮播js-->
    <script src="js/swiper.min.js" type="text/javascript" charset="UTF-8"></script>
    <script type="text/javascript">
        var kv = new Swiper(".kv", {
            loop: true,
            // autoplay: true,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
        })
    </script>
    <!--防止底部被输入法顶上去-->
    <script type="text/javascript">
        document.body.style.height = document.body.clientHeight + "px";
    </script>
</body>

</html>